<!DOCTYPE HTML>
<html>
<head>
<title>Blog</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--Custom-Theme-files-->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!--/script-->
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery-1.11.1.min.js"></script> 
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
		<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>

</head>
<body>
<!--start-home-->
   <div class="header two" id="home">
     <div class="container">
      <div class="header-top">
	       	<div class="logo">
                    <a href="index.html"><h1>Merchan<span>try</span></h1> </a>
			 </div>	
				    <div class="top-menu">
					    <span class="menu"> </span>
							<ul>
								<li><a href="index.html"><span data-hover="HOME">Home</span></a><label> </label></li>
								<li><a href="about.html"> <span data-hover="ABOUT">About</span></a><label> </label></li>
								<li><a href="index.html"><span data-hover="SERVICES">Services</span></a><label> </label></li>
								<li><a href="index.html"><span data-hover="PORTFOLIO">Portfolio</span></a><label> </label></li>
								<li><a class="active" href="blog.html"><span data-hover="BLOG">Blog</span></a><label> </label></li>
								<li><a href="contact.html"><span data-hover="CONTACT">CONTACT</span></a><label> </label></li>
				
							</ul>

						</div>
						<div class="login-pop">
							<div id="loginpop"><a href="#" id="loginButton"><span>Login <i class="arrow glyphicon glyphicon-chevron-right"></i></span></a>
									<div id="loginBox">                
										<form id="loginForm">
												<fieldset id="body">
													<fieldset>
														  <label for="email">Email Address</label>
														  <input type="text" name="email" id="email">
													</fieldset>
													<fieldset>
															<label for="password">Password</label>
															<input type="password" name="password" id="password">
													 </fieldset>
													<input type="submit" id="login" value="Sign in">
													<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
												</fieldset>
											<span><a href="#">Forgot your password?</a></span>
									 </form>
								</div>
							</div>

						</div>
						<script src="js/menu_jquery.js"></script>

                <!-- script-for-menu -->
								<script>
									$("span.menu").click(function(){
										$(".top-menu ul").slideToggle("slow" , function(){
										});
									});
								</script>

				<div class="clearfix"></div>
					<!--End-top-nav-script-->
			 </div>
		</div>
 </div>
    <!--//end-banner-->
		<!--blog-starts--> 
<div class="blog-section">
	<div class="container"> 
		<h2 class="tittle">Blogs</h2>
		<div class="blog-post-grids">
			<div class="blog-post">
					<a href="single.html"><img src="images/b1.jpg" class="img-responsive" alt="  "/></a>
					<div class="text">
						<a href="single.html"> Aliquam erat volutpat</a>
					</div>
					<div class="admin-tag">
					<p>Posted by <a href="single.html">Admin</a> in <a href="#">General</a> | <a href="single.html">10 Comments</a></p>
					<p class="erat">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Nulla in purus nibh. Donec ornare felis neque. Nullam tortor 
					nulla, sodales quis posuere quis, tristique nec libero. Proin 
					vitae convallis odio. Morbi nec enim nisi. Aliquam erat volutpat.</p>
					<a href="single.html" class="hvr-shutter-in-horizontal more">Readmore<span> </span></a>
					</div>
			</div>
			<div class="blog-post">
					<a href="single.html"><img src="images/b2.jpg" class="img-responsive" alt="  "/></a>
					<div class="text">
						<a href="single.html"> Aliquam erat volutpat</a>
					</div>
					<div class="admin-tag">
					<p>Posted by <a href="single.html">Admin</a> in <a href="#">General</a> | <a href="single.html">10 Comments</a></p>
					<p class="erat">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
					Nulla in purus nibh. Donec ornare felis neque. Nullam tortor 
					nulla, sodales quis posuere quis, tristique nec libero. Proin 
					vitae convallis odio. Morbi nec enim nisi. Aliquam erat volutpat.</p>
					<a href="single.html" class="hvr-shutter-in-horizontal more">Readmore<span> </span></a>
					</div>
			</div>
		</div>
		<div class="blog-post-grids">
			<div class="blog-post">
				<a href="single.html"><img src="images/b3.jpg" class="img-responsive" alt="  "/></a>
				<div class="text">
					<a href="single.html"> Aliquam erat volutpat</a>
				</div>
				<div class="admin-tag">
				<p>Posted by <a href="single.html">Admin</a> in <a href="#">General</a> | <a href="single.html">10 Comments</a></p>
				<p class="erat">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				Nulla in purus nibh. Donec ornare felis neque. Nullam tortor 
				nulla, sodales quis posuere quis, tristique nec libero. Proin 
				vitae convallis odio. Morbi nec enim nisi. Aliquam erat volutpat.</p>
				<a href="single.html" class="hvr-shutter-in-horizontal more">Readmore<span> </span></a>
				</div>
			</div>
			<div class="blog-post">
				<a href="single.html"><img src="images/b4.jpg" class="img-responsive" alt="  "/></a>
				<div class="text">
					<a href="single.html"> Aliquam erat volutpat</a>
				</div>
				<div class="admin-tag">
				<p>Posted by <a href="single.html">Admin</a> in <a href="#">General</a> | <a href="single.html">10 Comments</a></p>
				<p class="erat">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				Nulla in purus nibh. Donec ornare felis neque. Nullam tortor 
				nulla, sodales quis posuere quis, tristique nec libero. Proin 
				vitae convallis odio. Morbi nec enim nisi. Aliquam erat volutpat.</p>
				<a href="single.html" class="hvr-shutter-in-horizontal more">Readmore<span> </span></a>
				</div>
			</div>
		</div>
		<div class="blog-post-grids">
			<div class="blog-post">
				<a href="single.html"><img src="images/b4.jpg" class="img-responsive" alt="  "/></a>
				<div class="text">
					<a href="single.html"> Aliquam erat volutpat</a>
				</div>
				<div class="admin-tag">
				<p>Posted by <a href="single.html">Admin</a> in <a href="#">General</a> | <a href="single.html">10 Comments</a></p>
				<p class="erat">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				Nulla in purus nibh. Donec ornare felis neque. Nullam tortor 
				nulla, sodales quis posuere quis, tristique nec libero. Proin 
				vitae convallis odio. Morbi nec enim nisi. Aliquam erat volutpat.</p>
				<a href="single.html" class="hvr-shutter-in-horizontal more">Readmore<span> </span></a>
				</div>
			</div>
			<div class="blog-post lost">
				<a href="single.html"><img src="images/b1.jpg" class="img-responsive" alt="  "/></a>
				<div class="text">
					<a href="single.html"> Aliquam erat volutpat</a>
				</div>
				<div class="admin-tag">
				<p>Posted by <a href="single.html">Admin</a> in <a href="#">General</a> | <a href="single.html">10 Comments</a></p>
				<p class="erat">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				Nulla in purus nibh. Donec ornare felis neque. Nullam tortor 
				nulla, sodales quis posuere quis, tristique nec libero. Proin 
				vitae convallis odio. Morbi nec enim nisi. Aliquam erat volutpat.</p>
				<a href="single.html" class="hvr-shutter-in-horizontal more">Readmore<span> </span></a>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!--start-news-pagenate-->
				<div class="blog-pagenat">
					<ul>
						<li><a class="frist" href="#">Prev</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">6</a></li>
						<li><a class="last" href="#">Next</a></li>
					</ul>
				</div>
			<!--//End-news-pagenate-->
	</div> 
<!-- footer-->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
				<div class="col-md-3 footer-left">
					<h4>Address</h4>
						<address>
							795 Folsom Ave, Suite 600<br>
							San Francisco, CA 94107<br>
							<abbr title="Phone">P :</abbr> (123) 456-7890
						</address>
				</div>
				<div class="col-md-6 footer-middle">
					<h4>Contact</h4>
					<form>
						<div class="ft-lt">
							<input type="text" value="First Name" placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'First Name';}">	
							<input type="text" value="Last Name" placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'Last Name';}">				
							<input type="text" value="Email Address" placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'Email Address';}">
						</div>
						<div class="ft-rgt">
							<textarea placeholder="" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>	
							<input type="submit" value="Submit">
						</div>
					</form>
				</div>
				
					<div class="col-md-3 footer-left">
						<h4>Follow Us</h4>
							<div class="soci">
									<a href="#"><i class="f-1"> </i></a>
									<a href="#"><i class="t-1"> </i></a>
									<a href="#"><i class="g-1"> </i></a>
								</div>
					</div>
					<div class="clearfix"></div>
				</div>
					<div class="footer-text">
						<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
					</div>
				</div>
			</div>
			<!-- footer-->
				<!--start-smoth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!--JS-->
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>

<!--//JS-->

</body>
</html>